<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div class="sudoku-group">
    <canvas id="sudoku" width="500" height="500">你的浏览器不支持 canvas，请升级你的浏览器。</canvas>
    <button class="initBut">重置</button>
  </div>
</body>
</html>
<script src="../../public/js//jquery.js"></script>
<script src="./js/index.js"></script>
<style>
  .sudoku-group {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: translate(-50%, -50%);
  }

  #sudoku {
    border: 1px solid #000;
  }
</style>